<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap-theme.min.css"/>
		<link rel="stylesheet" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" href="css/myCSS.css"/>
	</head>
	<body>
		<p>标签式的导航菜单</p>
		<ul class="nav nav-tabs">
		  <li class="active"><a href="#">Home</a></li>
		  <li><a href="#">SVN</a></li>
		  <li><a href="#">iOS</a></li>
		  <li><a href="#">VB.Net</a></li>
		  <li><a href="#">Java</a></li>
		  <li><a href="#">PHP</a></li>
		</ul>
		<p>基本的胶囊式导航菜单</p>
		<ul class="nav nav-pills">
		  <li class="active"><a href="#">Home</a></li>
		  <li><a href="#">SVN</a></li>
		  <li><a href="#">iOS</a></li>
		  <li><a href="#">VB.Net</a></li>
		  <li><a href="#">Java</a></li>
		  <li><a href="#">PHP</a></li>
		</ul>
		<p>垂直的胶囊式导航菜单</p>
		<ul class="nav nav-pills nav-stacked">
		  <li class="active"><a href="#">Home</a></li>
		  <li><a href="#">SVN</a></li>
		  <li><a href="#">iOS</a></li>
		  <li><a href="#">VB.Net</a></li>
		  <li><a href="#">Java</a></li>
		  <li><a href="#">PHP</a></li>
		</ul>
			<p>两端对齐的导航元素</p>
			<ul class="nav nav-pills nav-justified">
			  <li class="active"><a href="#">Home</a></li>
			  <li><a href="#">SVN</a></li>
			  <li><a href="#">iOS</a></li>
			  <li><a href="#">VB.Net</a></li>
			  <li><a href="#">Java</a></li>
			  <li><a href="#">PHP</a></li>
			</ul><br><br><br>
			<ul class="nav nav-tabs nav-justified">
			  <li class="active"><a href="#">Home</a></li>
			  <li><a href="#">SVN</a></li>
			  <li><a href="#">iOS</a></li>
			  <li><a href="#">VB.Net</a></li>
			  <li><a href="#">Java</a></li>
			  <li><a href="#">PHP</a></li>
			</ul>
			<p>导航元素中的禁用链接</p>
			<ul class="nav nav-pills">
			  <li class="active"><a href="#">Home</a></li>
			  <li><a href="#">SVN</a></li>
			  <li class="disabled"><a href="#">iOS（禁用链接）</a></li>
			  <li><a href="#">VB.Net</a></li>
			  <li><a href="#">Java</a></li>
			  <li><a href="#">PHP</a></li>
			</ul><br><br>
			<ul class="nav nav-tabs">
			  <li class="active"><a href="#">Home</a></li>
			  <li><a href="#">SVN</a></li>
			  <li><a href="#">iOS</a></li>
			  <li  class="disabled"><a href="#">VB.Net（禁用链接）</a></li>
			  <li><a href="#">Java</a></li>
			  <li><a href="#">PHP</a></li>
			</ul>
			<p>带有下拉菜单的标签</p>
			  <ul class="nav nav-tabs">
			    <li class="active"><a href="#">Home</a></li>
			    <li><a href="#">SVN</a></li>
			    <li><a href="#">iOS</a></li>
			    <li><a href="#">VB.Net</a></li>
			    <li class="dropdown">
			      <a class="dropdown-toggle" data-toggle="dropdown" href="#">
			        Java <span class="caret"></span>
			      </a>
			      <ul class="dropdown-menu">
			        <li><a href="#">Swing</a></li>
			        <li><a href="#">jMeter</a></li>
			        <li><a href="#">EJB</a></li>
			        <li class="divider"></li>
			        <li><a href="#">分离的链接</a></li>
			      </ul>
			    </li>
			    <li><a href="#">PHP</a></li>
			  </ul>
			  <p>带有下拉菜单的胶囊</p>
			    <ul class="nav nav-pills">
			      <li class="active"><a href="#">Home</a></li>
			      <li><a href="#">SVN</a></li>
			      <li><a href="#">iOS</a></li>
			      <li><a href="#">VB.Net</a></li>
			      <li class="dropdown">
			        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
			          Java <span class="caret"></span>
			        </a>
			        <ul class="dropdown-menu">
			          <li><a href="#">Swing</a></li>
			          <li><a href="#">jMeter</a></li>
			          <li><a href="#">EJB</a></li>
			          <li class="divider"></li>
			          <li><a href="#">分离的链接</a></li>
			        </ul>
			      </li>
			      <li><a href="#">PHP</a></li>
			    </ul>
				<ul class="pagination">
				    <li><a href="#">&laquo;</a></li>
				    <li><a href="#">1</a></li>
				    <li><a href="#">2</a></li>
				    <li><a href="#">3</a></li>
				    <li><a href="#">4</a></li>
				    <li><a href="#">5</a></li>
				    <li><a href="#">&raquo;</a></li>
				</ul>
				<ul class="pagination">
				    <li><a href="#">&laquo;</a></li>
				    <li class="active"><a href="#">1</a></li>
				    <li class="disabled"><a href="#">2</a></li>
				    <li><a href="#">3</a></li>
				    <li><a href="#">4</a></li>
				    <li><a href="#">5</a></li>
				    <li><a href="#">&raquo;</a></li>
				</ul>
				<ul class="pager">
				    <li class="previous"><a href="#">&larr; Older</a></li>
				    <li class="next"><a href="#">Newer &rarr;</a></li>
				</ul>
	</body>
</html>
